﻿/*
    Author:  Benz-Info.com
    Date:    May 2012
    Client:  Châteauguay - Midget AAA - LHRAF
*/

/* DEFAULTS   
----------------------------------------------------------*/

*
{
    margin: 0;
    padding: 0;
    border: 0;
}

body 
{
    background: #ffffff url(images/back_LRHAF.jpg);
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #2d3876;
}

a:link, 
a:visited
{
    color: #2d3876;
    text-decoration: underline;
}

a:hover, 
a:active 
{
    color: #000000;
    text-decoration: underline;
}

li a:link, 
li a:visited
{
    color: #2d3876;
    text-decoration: none;
}

li a:hover, 
li a:active 
{
    color: #2d3876;
}

header,
footer,
nav,
section 
{
    position: relative;
    display: block;
}

.clear 
{
    clear: both;   
}

/* HEADINGS   
----------------------------------------------------------*/

h1, 
h2, 
h3, 
h4, 
h5, 
h6 
{
    font-size: 1.5em;
    color: #2d3876;
}

h1 
{
    font-size: 2.5em;
    padding-bottom: 0;
    margin: 10px 0;
    line-height: 1.2em;
}

h2 
{
    padding: 0 0 10px 0;
    line-height: 1.8em;
}

h3 
{
    font-size: 1.2em;
}

h4 
{
    font-size: 1.1em;
}

h5, 
h6 
{
    font-size: 1em;
}

/* INPUT   
----------------------------------------------------------*/

.text-box, .upload, select, fieldset 
{
    font-size: 0.9em;
    border: solid 1px #ccc;
}

fieldset
{
    padding: 10px 10px 0px 10px;   
}

legend 
{
    padding: 0px 5px;
}

.text-box, .upload, select
{
    width: 250px;
    padding: 5px;
}

select
{
    width: 262px;
}

textarea 
{
    border: solid 1px #cccccc;
    height: 150px;
    width: 500px!important;
}

.editor-label, .display-label 
{
    line-height: 1.5em;
    font-weight: bold;
}

.editor-field, .display-field 
{
    position: relative;
    margin-bottom: 10px;
}

.field-validation-error 
{
    position: absolute;
    display: block;
    width: 500px;
    top: 0;
    left: 275px;
    padding: 5px 5px 5px 25px;
    color: #2d3876;
    border: solid 1px #2d3876;
    background: rgba(112,7,6,0.5) url(images/img_validation_error.png) no-repeat 5px 5px;
}

/* PAGE   
----------------------------------------------------------*/

#page
{
    position: relative;
    margin: 0 auto;
    width: 960px;
    background: url(images/bg.jpg) no-repeat;
   
}

#player 
{
    position: absolute;
    display: block;
    top: 300px;
    left: -300px;
    width: 440px;
    height: 607px;
    background: url(images/bg_player.png) no-repeat;
}

header #title
{
    position: relative;
    height: 240px;
    background: url(images/banniere.jpg) no-repeat center;
    margin:0;
}

section#main 
{
    margin-top:0px;
    margin-left:273px;
    padding-left:40px;
    background: url(images/fondBlanc.png) repeat-y center;
}
div#renderBody
{
    margin-left:20px;
    margin-right:40px;
    display: block;
    min-height:600px;
}

#culture 
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 10px;
}

#culture a
{
    padding: 0 5px;
    background-color: #2d3876;
}

#hotnews
{
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 1.2em;
    background-color: #2d3876;
}

#content
{
    float: left;
    width: 540px;
}

#sidebar
{
    float: right;
    width: 400px;
    margin-top: 10px;
}

#logoLRHAF
{
    width: 210px;
    height:170px;   
    background: url(images/logoLRHAF.jpg) no-repeat 0 0;
    position:absolute; 
    margin-top: -170px;
    margin-left: 40px;
    z-index:1000;
}
#leftmenu
{
    float: left;
    width: 340px;
    height:700px;
    margin-top: -180px;
    margin-left: 0px;
    background: url(images/bandeauVertical.png) no-repeat 0 0;
    position:absolute;
    z-index:999;
}
#leftmenu a
{
    margin-left:-10px;
    width: 340px;
    height:60px;  
    display:block;
    z-index:999;
}

#leftmenu a.calendar
{
    margin-top:200px;
    background: url(images/calendrier.png) no-repeat 0 0; 
    z-index:999; 
}
#leftmenu a.stats
{
    background: url(images/statistiques.png) no-repeat 0 0; 
    z-index:999;
}
#leftmenu a.team
{
    background: url(images/equipes.png) no-repeat 0 0;  
    z-index:999;
}
#leftmenu a.information
{
    background: url(images/informations.png) no-repeat 0 0; 
    z-index:999;
}
#leftmenu a.calendar:hover
{   
    background: url(images/calendrier_rollover.png) no-repeat 0 0;  
}
#leftmenu a.stats:hover
{
    background: url(images/statistiques_rollover.png) no-repeat 0 0;  
}
#leftmenu a.team:hover
{
    background: url(images/equipes_rollover.png) no-repeat 0 0;  
}
#leftmenu a.information:hover
{
    background: url(images/informations_rollover.png) no-repeat 0 0;
      
}
.separationbar
{
    background: url(images/bar.jpg) repeat-x 0 0;  
    width:100%;
    height:10px;
    z-index:1000;
    position:absolute;
}
#nextgame 
{
    position: relative;
    height: 210px;
    background: url(images/bg_next_game.png) no-repeat 0 40px;
}

#lastgame 
{
    position: relative;
    height: 210px;
    background: url(images/bg_last_game.png) no-repeat 0 40px;
}

#nextgame .home, #lastgame .home
{
    display: block;
    position: absolute;
    top: 50px;
    left: 75px;
    width: 75px;
    height: 75px;
}

#nextgame .away, #lastgame .away
{
    display: block;
    position: absolute;
    top: 50px;
    right: 75px;
    width: 75px;
    height: 75px;
}

#nextgame .date
{
    display: block;
    position: absolute;
    bottom: 40px;
    right: 30px;
    width: 240px;
    font-size: 1.8em;
    font-weight: bold;
    text-align: center;
}

#lastgame .scorehome
{
    display: block;
    position: absolute;
    bottom: 40px;
    left: 100px;
    width: 50px;
    font-size: 2.0em;
    font-weight: bold;
    text-align: center;
}

#lastgame .scoreaway
{
    display: block;
    position: absolute;
    bottom: 40px;
    right: 70px;
    width: 50px;
    font-size: 2.0em;
    font-weight: bold;
    text-align: center;
}

footer #signature 
{
    height: 40px;
}
footer #bottommenu
{
    height: 40px;
}

/* SPLASH   
----------------------------------------------------------*/

#splash 
{
    margin: auto;
    margin-top: 100px;
    width: 845px;
    height: 702px;
    background: url(images/bg_splash_screen.png) no-repeat center center;
}

/* PLAN DU SITE   
----------------------------------------------------------*/

#plan 
{
    padding: 10px;
    height: 200px;
    background-color: rgba(100,100,100,0.4);
}

#plan ul 
{
    list-style-type: none;
}

#plan li
{
    text-indent: 3px;
}

#plan > ul > li
{
    margin-top : 10px;
}

#plan ul.left
{
    float: left;
    margin-right: 50px;
}

#plan ul.right
{
    float: right;
    margin-left: 25px;
}

/* LOGIN   
----------------------------------------------------------*/

#login 
{
    clear: both;
    text-align: center;
    margin-bottom: 20px;
}

#login a 
{
    color: rgba(100,100,100,0.4);
}

/* EVENTS   
----------------------------------------------------------*/

.event 
{
    width: 400px;
    color: #2d3876;
    margin-bottom: 10px;
    text-align: justify;
}

.event #nextgame, .event #lastgame
{
    margin: -30px 0;
}

.event .startdate 
{
    float: right;
    color: #2d3876;
    font-size:0.8em;
}

ul#calendar_legend 
{
    list-style-type: none;
}

ul#calendar_legend li
{
    float:left;
    margin-right:10px;
    text-indent:5px;
    line-height:1.5em;
}

ul#calendar_legend li span 
{
    display:block;
    width:15px;
    height:15px;
    float:left;
    border:solid 2px white;
}

/* LINKS   
----------------------------------------------------------*/

.lnk 
{
    position: absolute;
    display: block;
    background-repeat: no-repeat;
}

#lnk_lhraf { top: 15px; left: 10px; width: 980px; height: 300px; }

#lnk_newsletter { display: block; width: 400px; height: 78px; background-repeat: no-repeat; }
.en #lnk_newsletter { background-image: url(images/img_en_newsletter.png); }
.fr #lnk_newsletter { background-image: url(images/img_fr_newsletter.png); }

#lnk_webdiffusion { display: block; width: 400px; height: 120px; background-repeat: no-repeat;}
.en #lnk_webdiffusion { background-image: url(images/web-diffusion-lhraf.png); }
.fr #lnk_webdiffusion { background-image: url(images/web-diffusion-lhraf.png); }

#lnk_tapis { display: block; height: 120px; background-repeat: no-repeat; background-position:center;}
.en #lnk_tapis { background-image: url(images/tapis.jpg); }
.fr #lnk_tapis { background-image: url(images/tapis.jpg); }

#lnk_firstad { display: block;  height: 140px; background-repeat: no-repeat; background-position:center;}
.en #lnk_firstad { background-image: url(images/radio.png); }
.fr #lnk_firstad { background-image: url(images/radio.png); }

#lnk_secondad { display: block; height: 85px; background-repeat: no-repeat; background-position:center;}
.en #lnk_secondad { background-image: url(images/CGLHRAF.jpg); }
.fr #lnk_secondad { background-image: url(images/CGLHRAF.jpg); }

/* LABELS   
----------------------------------------------------------*/

.lbl 
{
    display: block;
    background-repeat: no-repeat;
}

.lbl_signature  
{
    float:right;
    width: 440px; 
    height: 40px; 
    background-image: url(images/titre_LRHAFbasdepage.png);
}
.lbl_bottommenu
{
    float:right;
    margin-top:20px;
    width: 600px;
    height: 40px;  
}
.en .lbl_partners { background-image: url(images/titre_LRHAFbasdepage.png); }
.fr .lbl_partners { background-image: url(images/titre_LRHAFbasdepage.png); }

.lbl_nextgame { width: 230px; height: 30px; }
.en .lbl_nextgame { background-image: url(images/lbl_en_nextgame_large.png); }
.fr .lbl_nextgame { background-image: url(images/lbl_fr_nextgame_large.png); }

.lbl_lastgame { width: 230px; height: 30px; }
.en .lbl_lastgame { background-image: url(images/lbl_en_lastgame_large.png); }
.fr .lbl_lastgame { background-image: url(images/lbl_fr_lastgame_large.png); }

.lbl_team_small  { width: 120px; height: 20px; }
.en .lbl_team_small { background-image: url(images/lbl_en_team_small.png); }
.fr .lbl_team_small  { background-image: url(images/lbl_fr_team_small.png); }

.lbl_calendar_small  { width: 120px; height: 20px; }
.en .lbl_calendar_small { background-image: url(images/lbl_en_calendar_small.png); }
.fr .lbl_calendar_small  { background-image: url(images/lbl_fr_calendar_small.png); }

.lbl_stats_small  { width: 120px; height: 20px; }
.en .lbl_stats_small { background-image: url(images/lbl_en_stats_small.png); }
.fr .lbl_stats_small  { background-image: url(images/lbl_fr_stats_small.png); }

.lbl_news_small  { width: 120px; height: 20px; }
.en .lbl_news_small { background-image: url(images/lbl_en_news_small.png); }
.fr .lbl_news_small  { background-image: url(images/lbl_fr_news_small.png); }

.lbl_medias_small  { width: 120px; height: 20px; }
.en .lbl_medias_small { background-image: url(images/lbl_en_medias_small.png); }
.fr .lbl_medias_small  { background-image: url(images/lbl_fr_medias_small.png); }

.lbl_partners_small  { width: 120px; height: 20px; }
.en .lbl_partners_small { background-image: url(images/lbl_en_partners_small.png); }
.fr .lbl_partners_small  { background-image: url(images/lbl_fr_partners_small.png); }

.lbl_tickets_small  { width: 120px; height: 20px; }
.en .lbl_tickets_small { background-image: url(images/lbl_en_tickets_small.png); }
.fr .lbl_tickets_small  { background-image: url(images/lbl_fr_tickets_small.png); }

.lbl_contacts_small  { width: 120px; height: 20px; }
.en .lbl_contacts_small { background-image: url(images/lbl_en_contacts_small.png); }
.fr .lbl_contacts_small  { background-image: url(images/lbl_fr_contacts_small.png); }

/* SORTABLE STAFF
----------------------------------------------------------*/

ul.sortable 
{
    list-style-type: none;
}

ul.sortable li
{
    position: relative;
    float: left;
    width: 225px;
    height: 280px;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #ffffff no-repeat center center;
}

ul.archives li 
{
    height: 50px;
}

ul.sortable li div.info
{
    position: absolute;
    bottom: 0px;
    width: 215px;
    line-height: 1.5em;
    padding: 5px;
    background-color: rgba(112,7,6,0.5);
}

ul.archives li div.info
{
    background-color: rgba(112,7,6,1.0);
}

ul.sortable li div.new
{
    background-color: rgba(217,157,47,0.5);
}

ul.archives li div.new
{
    background-color: rgba(217,157,47,1.0);
}

ul.sortable li span.buttons
{
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 0.9em;
    line-height: 1.0em;
    padding: 5px;
    background-color: rgba(200,200,200,0.5);
}

ul.sortable li span.buttons a:nth-child(n+2)
{
    padding-left: 5px;
}

/* SORTABLE PARTNERS
----------------------------------------------------------*/

.partners ul.sortable li 
{
    height: 115px;
}

.partners ul.sortable li div.image
{
    height: 85px;
    text-align: center;
    background: #ffffff no-repeat center center;
}

.partners ul.sortable li div.image a
{
    display: block;
    width: 100%;
    height: 100%;
}

.partners ul.sortable li div.info
{
    text-align: left;
    background-color: #2d3876;
}

.partners ul.sortable li div.gray 
{
    background-color: gray;
}

.badge
{
    position: absolute;
    display: block;
    width: 49px;
    height: 49px;
    bottom: 0;
    right: 0;
}

.number 
{
    line-height: 1.0em;
    padding-right: 5px;
    font-size: 48px;
    text-align: right;
    font-style: italic;
}

.platinum { background-image: url(images/img_partners_platinum.png); }
.gold { background-image: url(images/img_partners_gold.png); }
.silver { background-image: url(images/img_partners_silver.png); }
.bronze { background-image: url(images/img_partners_bronze.png); }

.partners ul.sortable li div.new
{
    background-color: #FFFFFF;
}

.partners ul.sortable li div.image span.thankyou 
{
    color: #2d3876;
    font-size: 2.0em;
    line-height: 2.2em;
}

/* CAROUSEL   
----------------------------------------------------------*/

#carousel 
{
    position: absolute;
    top: 8px;
    left: 275px;
    height: 70px;
    width: 612px;
    overflow: hidden;
}
#carouselAds 
{
    position: absolute;
    height: 180px;
    width: 360px;
    overflow: hidden;
}

a.partner 
{
    display: block;
    width: 150px;
    height: 70px;
    margin-right: 5px;
    float: left;
    background: #ffffff no-repeat center center;
}
a.ads 
{
    display: block;
    width: 360px;
    height: 180px;
    background: #ffffff no-repeat center center;
}

/* TEAM LHRAF
----------------------------------------------------------*/

.team_picture 
{
    text-align: center;
    margin-top: 25px;
}

/* HOME
----------------------------------------------------------*/

#news div
{
    text-align: justify;
    margin-right: 25px;
}

#news .date
{
    text-align: right;
}

#news img
{
    float: right;
    margin: 10px 0 10px 10px;
}

#media 
{
    color: #2d3876;
    background-color: #ffffff;
    height: 235px;
    padding: 10px;
    margin: 8px;
    text-align:center;
}
#ads 
{
    color: #2d3876;
    background-color: #ffffff;
    height: 180px;
    padding: 10px;
    margin: 8px;
    text-align:center;
}
#survey 
{
    color: #2d3876;
    background-color: #ffffff;
    padding: 10px;
    margin: 8px;
    text-align:left;
}
#tapis
{
    color: #2d3876;
    background-color: #ffffff;
    height: 110px;
    padding: 10px;
    margin: 8px;
    text-align:center;
}
.btnNavNews
{
    text-align:center;
    margin-top:2px;
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:10px;
	border:1px solid #eda933;
	display:inline-block;
	color:#2d3876;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cd8a15;
}
.btnNavNews:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	cursor:pointer;
	background-color:#ffffff;
	color:#E4E4E4;
}
.btnNavNews:active {
	position:relative;
	top:1px;
}
div.btnNavNews
{
    margin-left: 138px;   
}
/* DATETIME PICKER
----------------------------------------------------------*/

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* ADMIN
----------------------------------------------------------*/

#admin 
{
    display: block;
    position: absolute;
    padding: 10px;
    top: 0;
    right: -180px;
    width: 150px;
    height: 300px;
    background-color: #2d3876;
    color: #FFFFFF;
    
}

#admin a 
{
    color: #FFFFFF;
}

#admin ul 
{
    margin-left: 20px;
    color: #FFFFFF;
}
.surveyoption{
    font-weight:bold;
    margin-top:6px;
    color:#2d3876;
}
#question{
    font-weight:bold;
    color:#000042;
}

/* NEWS MODULE
----------------------------------------------------------*/

.wrap-box {
    width: 500px;
    text-align: justify;
}
.wrap-box img {
    float: right;
    padding: 0 0 5px 5px;
}